﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="menumanage.aspx.cs" Inherits="UI_menumanage" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="../images/style.css" rel="Stylesheet" />

    <script language="javascript" type="text/javascript" src="../js/jiazai.js"></script>

    <script language="javascript" type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>

    <script src="../js/introbox.js" type="text/javascript"></script>
    <script type="text/javascript">
        function change(path) {
          
        $('#menulist').html("<img width='64' height='64' src='/images/icon/png/"+path+"'>")

        }</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table width="100%" class="tableBorder" border='1' cellspacing="0" style="border-collapse: collapse;"
            bgcolor="#ffffff" bordercolor="#cccccc">
            <tr align="center" valign="middle">
                <th height="22" colspan="2">
                    导 航 菜 单 管 理
                </th>
            </tr>
            <asp:Panel ID="plmodi" Visible="false" runat="server">
                <tr>
                    <td>
                        修改
                    </td>
                    <td>
                        <asp:TextBox runat="server" ID="txbyname"></asp:TextBox>
                        排序<asp:TextBox runat="server" ID="txbpx" Width="50px" title='header=[排序说明] body=[序号越大排的越靠前，请输入数字,按同级别的菜单序号进行排序]'></asp:TextBox>
                        链接<asp:TextBox runat="server" ID="txblink" Width="250px" title='header=[链接说明] body=[当点击此分类名称时就会跳转到这个链接地址]'></asp:TextBox>
                        <%--菜单图标--%>
                        <asp:DropDownList runat="server" ID="ddlmenupic"  Visible="false" ></asp:DropDownList>
                        <span id="menulist"  style="display:none" >变变变</span>
                        <asp:CheckBoxList ID="chkpw" runat="server" RepeatDirection="Horizontal">
                        </asp:CheckBoxList>
                        <br />
                        <asp:Button runat="server" CssClass="btn" ID="btnmodok" Text="确定修改" OnClick="btnmodok_Click" />
                    </td>
                </tr>
            </asp:Panel>
            <asp:Panel ID="plrootadd" Visible="false" runat="server">
                <tr>
                    <td>
                        添加根菜单
                    </td>
                    <td>
                        <asp:TextBox runat="server" ID="txbroot"></asp:TextBox>
                        <asp:Button runat="server" CssClass="btn" ID="btnroot" Text="确定添加" OnClick="btnroot_Click" />
                    </td>
                </tr>
            </asp:Panel>
            <tr>
                <td>
                    添加子菜单
                </td>
                <td>
                    在
                    <asp:DropDownList runat="server" ID="ddllm">
                    </asp:DropDownList>
                    下添加子菜单
                    <asp:TextBox runat="server" ID="txbzifl"></asp:TextBox>
                    <asp:Button runat="server" CssClass="btn" ID="btnziok" Text="确定添加" OnClick="btnziok_Click" />
                </td>
            </tr>
            <tr title='header=[移动说明] body=[被移动项如果包含子项，那么所有的子项也将被移动]'>
                <td>
                    菜单移动
                </td>
                <td>
                    将
                    <asp:DropDownList runat="server" ID="ddlold">
                    </asp:DropDownList>
                    移动到
                    <asp:DropDownList runat="server" ID="ddlnew">
                    </asp:DropDownList>
                    <asp:Button runat="server" CssClass="btn" ID="btnmove" Text="确定移动" OnClick="btnmove_Click" />
                </td>
            </tr>
        </table>
        <table width="100%" id="tb" class="tableBorder" border='1' cellspacing="0" style="border-collapse: collapse;"
            bgcolor="#ffffff" bordercolor="#cccccc">
            <tbody>
                <tr>
                    <td>
                        名称
                    </td>
                    <td>
                        排序
                    </td>
                    <td>
                        访问权限 留空无限制
                    </td>
                    <td>
                        链接
                    </td>
                    <td>
                        操作
                    </td>
                </tr>
                <asp:Literal runat="server" ID="litlist" EnableViewState="false"></asp:Literal>
            </tbody>
        </table>
    </div>

   
    
    </form>
     <script type="text/javascript">

         var csseven = { 'background-color': 'f4f5eb' };
         var cssodd = { 'background-color': '' };
         var csshover = { 'background-color': 'CCFF99' };
         $('#tb  tr:even').css(csseven);
         $("#tb   tr:even").hover(
          function() { $(this).css(csshover); },
          function() { $(this).css(csseven); }
          );
         $("#tb   tr:odd").hover(
          function() { $(this).css(csshover); },
          function() { $(this).css(cssodd); }
          );
    </script>

</body>
</html>
